<div class="row">
    <div class="span3">
        <div style="width:175px;display:block;padding:10px 15px;border:1px solid #DDD;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);">
            <h4>
                <?= @$alumni->up_fullname ?><br/>
                <small><?= @$alumni->up_display_name ?></small>
            </h4>
            <p></p>
            <div style="width:175px;">
                <? if (@$alumni->up_gender == 'L'): ?>            
                    <img src="<?= base_url() ?>images/medium/<?= ifNull(@$alumni->up_picture, "wiku-male.png") ?>" alt="<?= @$alumni->up_fullname ?>" title="<?= @$alumni->up_fullname ?>" width="175" style="height:auto;margin:0px;max-width:175px;min-width:175px;">
                <? else: ?>            
                    <img src="<?= base_url() ?>images/medium/<?= ifNull(@$alumni->up_picture, "wiku-female.png") ?>" alt="<?= @$alumni->up_fullname ?>" title="<?= @$alumni->up_fullname ?>" width="175" style="height:auto;margin:0px;max-width:175px;min-width:175px;">
                <? endif; ?>
            </div>
            <div style="text-align: center">
                <a class="btn btn-primary btn-mini" href="<?=site_url('profile/picture');?>"><i class="icon-white icon-pencil"></i> Change Picture</a>
            </div>
            
        </div>
    </div>
    <div class="span9">
        <div class="row">
            <div class="span9"><h1>Profil Alumni</h1></div>
        </div>
        <div class="tabbable tabs-below"> <!-- Only required for left/right tabs -->
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">Biodata</a></li>
                <li><a href="#tab2" data-toggle="tab">Pendidikan</a></li>
                <li><a href="#tab3" data-toggle="tab">Karir</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    <?= @$this->sess->mpa_id_alumni == @$alumni->mpa_id_alumni ? '<br/><a class="btn btn-primary pull-right" href="' . base_url() . 'profile/edit"><i class="icon-white icon-pencil"></i> Ubah</a>' : "" ?>
                    <h2>Biodata</h2><hr style="margin:8px 0;">
                    <div class="row uline">
                        <div class="span2">Nama</div>
                        <div class="span6"><?= @$alumni->up_fullname ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Nama Panggilan</div>
                        <div class="span6"><?= @$alumni->up_display_name ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Tempat, Tgl Lahir</div>
                        <div class="span6"><?= @$alumni->up_birth_place ?>, <?= dateToString(@$alumni->up_birth_date) ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Jenis Kelamin</div>
                        <div class="span6"><?= @$alumni->up_gender == "L" ? "Laki-laki" : "Perempuan" ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Status</div>
                        <div class="span6"><?= getStatus(@$alumni->up_status) ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Angkatan</div>
                        <div class="span6"><?= getAngkatanName(@$alumni->up_graduate_year) ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Tahun Lulus</div>
                        <div class="span6"><?= @$alumni->up_graduate_year ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Contact</div>
                        <div class="span6"><?= @$alumni->up_phone ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Email</div>
                        <div class="span6"><?= @$alumni->up_email ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Domisili</div>
                        <div class="span6">
                            <?= @$alumni->up_address ?><br/>
                            <?= getNamaKota(@$alumni->city_id) ?><br/>
                            <?= getNamaPropinsi(@$alumni->province_id) ?><br/>
                            <?= @$alumni->up_zipcode ?><br/>
                        </div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Nama Ayah</div>
                        <div class="span6"><?= @$alumni->up_father ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Nama Ibu</div>
                        <div class="span6"><?= @$alumni->up_mother ?></div>
                    </div>
                    <div class="row uline">
                        <div class="span2">Asal</div>
                        <div class="span6">
                            <?= @$alumni->up_home_address ?><br/>
                            <?= getNamaKota(@$alumni->up_home_city_id) ?><br/>
                            <?= getNamaPropinsi(@$alumni->up_home_province_id) ?><br/>
                            Telp. <?= @$alumni->up_home_phone ?><br/>
                        </div>
                    </div>
                    <?= @$this->sess->mpa_id_alumni == @$alumni->mpa_id_alumni ? '<br/><a class="btn btn-primary pull-right" href="' . base_url() . 'profile/contactAdd"><i class="icon-white icon-pencil"></i> Tambah</a>' : "" ?>
                    <h3>Contact</h3><hr style="margin:8px 0;">
                    <? foreach (@$contact as $r): ?>
                    <div class="row uline">
                        <div class="span2"><?= @$r->upc_contact_label ?></div>
                        <div class="span6"><?= @$r->upc_contact_value ?></div>
                        <div class="span1"><a href="profile/contactDel/<?=@$r->upc_id?>">Hapus</a></div>
                    </div>
                    <? endforeach; ?>
                </div>
                <div class="tab-pane" id="tab2">
                    <?= @$this->sess->mpa_id_alumni == @$alumni->mpa_id_alumni ? '<br/><a class="btn btn-primary pull-right" href="' . base_url() . 'profile/educationAdd"><i class="icon-white icon-plus"></i> Tambah</a>' : "" ?>
                    <h2>Pendidikan</h2><hr style="margin:8px 0;">
                    <? foreach (@$pendidikan as $key => $val): ?>
                        <div class="row uline">
                            <div class="span9"><h4><?= $val->ue_name ?> <?= $val->city_id ?></h4></div>
                            <a class="btn btn-primary pull-right" href="<?= base_url() ?>profile/educationEdit/<?= $val->ue_id ?>"><i class="icon-white icon-pencil"></i> Edit</a>
                            <div class="span6"><?= $val->ue_major ?></div>
                            <div class="span6 duration">
                                <?= $val->ue_year_in . ' - ' . $val->ue_year_out ?> (<?= $val->ue_year_out - $val->ue_year_in == 1 ? $val->ue_year_out - $val->ue_year_in . ' year' : $val->ue_year_out - $val->ue_year_in . ' years' ?>)
                            </div>
                        </div>
                    <? endforeach; ?>
                </div>
                <div class="tab-pane" id="tab3">
                    <?= @$this->sess->mpa_id_alumni == @$alumni->mpa_id_alumni ? '<br/><a class="btn btn-primary pull-right" href="' . base_url() . 'profile/careerAdd"><i class="icon-white icon-plus"></i> Tambah</a>' : "" ?>
                    <h2>Karir</h2><hr style="margin:8px 0;">
                    <? foreach (@$karir as $key => $val): ?>
                        <div class="row uline">
                            <div class="span9"><h4><?= $val->ujh_position ?></h4></div>
                            <a class="btn btn-primary pull-right" href="<?= base_url() ?>profile/careerEdit/<?= $val->ujh_id ?>"><i class="icon-white icon-pencil"></i> Edit</a>
                            <div class="span6"><?= $val->company_name ?></div>
                            <div class="span6 duration">
                                <?= $val->ujh_year_in . ' - ' . $val->ujh_year_out ?> (<?= $val->ujh_year_out - $val->ujh_year_in == 1 ? $val->ujh_year_out - $val->ujh_year_in . ' year' : $val->ujh_year_out - $val->ujh_year_in . ' years' ?>)
                            </div>
                        </div>
                    <? endforeach; ?>
                </div>
            </div>
        </div>
    </div>
</div>